<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/corp/include/taglibs.jsp"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>top</title>
		<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}
em {font-style:normal;}
a:link {color: #000000;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #000000;}
a:hover {text-decoration: none;	color: #000000;}
a:active {	text-decoration: none;	color: #000000;}

.fb {width:950px; font-size: 12px;line-height:32px; padding-left:}
.fm li {}
.fb em{ height:33px; }
.fb em.ta1 {
	width:80px;
	float: left;
	text-align: center;
	background-image: url(${ctx}/images/top12.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.fb em.ta2 {width:80px; float: left; background-image: url(${ctx}/images/top6.gif);	background-repeat: no-repeat; text-align: center;}
.fb em.ta3 {width:80px; float: left; text-align: center;}
.fb em.ta4 {width:110px; float: left; background-image: url(${ctx}/images/top6.gif);	background-repeat: no-repeat; text-align: center;}
.fb em.ta5 {
	width:110px;
	float: left;
	text-align: center;
	background-image: url(${ctx}/images/top12.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.kj {
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	width: 100%;
	background-image: url(${ctx}/images/top4.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}
.kj a:link {color: #FFFFFF;	text-decoration: none;}
.kj a:visited {	text-decoration: none;	color: #FFFFFF;}
.kj a:hover {	text-decoration: underline;	color: #FFFFFF;}
.kj a:active {	text-decoration: none;	color: #FFFFFF;}
.kj ul{ padding-left:30px;}
.kj li{ float:left; width:110px;}
.top1 {
	background-image: url(${ctx}/images/top2.gif);
	background-repeat: repeat-x;
	height: 81px;
	width: 100%;
}
.top2 {
	background-image: url(${ctx}/images/top15.jpg);
	background-repeat: no-repeat;
	height: 81px;
	width: 100%;
}
.top2 ul{ padding-top:10px;}
.top2 li{ width:80px; float: right;}



-->
</style>
		<script type="text/javascript">
var currentSelectedItemId = 0; //栏目中被选中的栏目ID。初始化为0，后面有选中则修改此值。
function changeMenuAndFun(obj) {
	if(currentSelectedItemId == 0) { //还未设置当前选中的栏目ID
		var corpMenu = document.getElementById("corpMenu");
		var corpmenus = corpMenu.getElementsByTagName("em"); //导航的所有栏目
		
		for(var i = 0 ; i < corpmenus.length; i++) { //清除导航中所有栏目的样式
			corpmenus[i].className = "ta1";
		}
		
	} else { //清除前一个选中栏目的样式和隐藏该栏目的功能列表
		var corpmenu = document.getElementById(currentSelectedItemId);
		corpmenu.className = "ta1";
	}
	
	obj.className = "ta4"; //设置当前选中栏目的样式为选中状态
	currentSelectedItemId = obj.id;//获取当前选择的栏目ID
}
function logout()
{
	top.location.href="${ctx }/corp/corplogin_corploginout.do";
}
</script>
	</head>

	<body>
		<div class="top1">
			<div class="top2">
				<ul>
					<li>
						<a href="#" onclick=""><img
								src="${ctx}/images/Trilian_Pro_024.png" border="0"
								style="cursor:hand" onClick="logout()">
						</a>
						<br>
						退出系统
					</li>
					<li>
						<a href="#" target="_blank"><img
								src="${ctx}/images/Trilian_Pro_007.png" border="0">
						</a>
						<br>
						单位BBS
					</li>
					<li>
						<a href="#" target="_blank"><img
								src="${ctx}/images/Trilian_Pro_025.png" border="0">
						</a>
						<br>
						单位图书
					</li>
					<li>
						<a href="#" target="_blank"><img
								src="${ctx}/images/Trilian_Pro_011.png" border="0">
						</a>
						<br>
						公司邮箱
					</li>
					<li>
						<a href="#" target="_blank"><img
								src="${ctx}/images/Trilian_Pro_020.png" border="0">
						</a>
						<br>
						单位资讯
					</li>
					<li>
						<a href="#" target="_blank"><img
								src="${ctx}/images/Trilian_Pro_006.png" border="0">
						</a>
						<br>
						单位主页
					</li>


				</ul>
			</div>
		</div>

		<div
			style="width:100%; height:33px; background:url(${ctx}/images/top3.gif)">
			<div class="fb" style="padding-left:50px;">
				<ul>
					<li id="corpMenu">
						<em class="ta4" id="corpmenu_0" onclick="changeMenuAndFun(this);">${corpCommpany.linkMan}工作台</em>
						<c:set var="j" value="1"></c:set>
						<c:forEach var="curCorpUserMenu"
							items="${sessionScope.corpUserMenus}">
							<em class="ta1" id="corpmenu_${j}" onclick="changeMenuAndFun(this);"><a
								href="${ctx}/corp/include/leftFrame.jsp?parentId=${curCorpUserMenu.id}"
								target="leftFrame">${curCorpUserMenu.menuName}</a>
							</em>
							<c:set var="j" value="${j+1}"></c:set>
						</c:forEach>
					</li>
				</ul>
			</div>
		</div>
		<div class="kj">
			<ul>
				<li>
					<a href="${ctx}/corp/include/mainFrame.jsp" target="mainFrame">点击设置快捷方式：</a>
				</li>
				<li style="float:right; margin-right:-80px;">
					<IMG title="点击这里可以收缩顶部" style="CURSOR: hand" 
                  onclick="if(window.parent.topMainFrame.rows=='139,*,0'){window.parent.topMainFrame.rows='56,*,0';window.scroll(0,82)}else{window.parent.topMainFrame.rows='139,*,0'};" 
                  height=16 src="${ctx}/images/corp/bar_07.gif" 
              width=16 /></li>
	</ul>
</div>
</body>
</html>
